/* ------------------------------------全局定义---------------------------------------- */  
/* 将具有默认margin和padding的标记置零，所有标记的margin、padding都在使用时具体定义 */  
*{ margin:0;padding:0;}  
  
/* 修正IE5.x和IE6的斜体溢出bug */  
* html body{ overflow:visible; }  
* html iframe, * html frame{ overflow:auto;}  
* html frameset{ overflow:hidden;}  
  
/* 常用标签，基本标签默认样式取消，HTML标签，取消基本标签默认样式，防止不同浏览器显示效果不同，text-align:center; 解决不同浏览器居中问题 */  
body{ color:#000; font:16px  "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif; text-align:center;background: #fff; line-height: 170%;}  
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr{ margin:0; padding:0;}  
input,select{ font-size:15px; vertical-align:middle;}  
  
/* 设置内容左对齐，恢复因BODY设置剧中产生的继承 */  
body div{ text-align:left;}  
  
/* 标签属性，textarea,input 强制输入时内容超出时换行 */  
textarea,input{ word-wrap:break-word; word-break:break-all; padding:0px;}  
  
/* 清除ul列表标记的样式，ul列表更多的用在不需要列表前置符号的样式里 */  
li{ list-style-type:none;}  
  
/* 定义图片边框，当图片作为链接内容被填充时，会有默认边框出现，重定义掉 */  
img{ border:0 none;}  
  
/* 定义默认的链接样式，仅仅是作为默认样式提供，可以在各自的实例中覆盖掉 */  
a:link, a:visited{ color:#04C; text-decoration:none;}  
a:hover{ color:#F60; text-decoration:none;}  
  
  
/* 定义H系列标签，覆盖H系列标签默认属性 */  
h1{ font-size:24px;  color: #000}  
h2{ font-size:20px;}  
h3{ font-size:18px;}  
h4{ font-size:16px;}  
h5{ font-size:14px;}  
h6{ font-size:12px;}  


/* ==翻页样式== */
.fanye{
	background-color: #F5F5F5;
	padding: 0px 30px;
	height: 50px;
	margin-top: 20px;
}
.pagesinfo{color:#C0C0C0; font-size: 14px; }
a.pages ,.pages b{ 
	color: #C0C0C0; 
	display: block; 
	width: 20px;
	line-height: 50px;
	text-align: center;
}

.pages b{
	color: #000;
}

.pages i{
	color: #666
}


.top{
	height: 95px;
	margin: 0px auto;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	background-color: #fff;
	z-index: 99;
    transition: all 0.3s;
	box-shadow: 0px 0px 30px rgba(0,0,0,0.3)
}

div.hiddentop{
    top: -120px;
}

.w1360{
	width: 1360px;
	margin: 0px auto;
}

.top .logo{
	height: 95px;
	width: 230px;
	float: left;
	background: url(logo.png) no-repeat center
}

.top .dh{
	float: right;
	height: 95px;
    position: relative;
}

.top .dh .dropmenudiv_b{
    position: absolute;
    top: 95px;
    padding: 10px 0px 20px 0px;
    opacity: 0;
    transition: all 0.4s;
    transform: translateX(30px);
    background-color: #5AA354;
    1background-image: linear-gradient(to right,#00a8b0 10%,#5aa354 90%);
    box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
    border-radius: 0px;
    pointer-events:none; 
}

.top .dh div.menu_on{
    pointer-events:auto;
    opacity: 1;
    transform: translateX(0px);
    z-index: 99;
    border-bottom-right-radius: 20px;
}

.top .dh .dropmenudiv_b a{
    pointer-events:none;
    color:#fff;
    text-indent:20px;
	font-size: 15px;
    line-height: 33px;
    text-align: left;
    display:block;
    transition: all 0.2s;
}

.top .dh .dropmenudiv_b a:hover{
    transform: translateX(5px);
}

.top .dh div.menu_on a{
    pointer-events:inherit;
}

.top .dh #dropmenu1_b{
    width: 150px;
    left: 120px;
}

.top .dh #dropmenu2_b{
    width: 180px;
    left: 240px;
}

.top .dh #dropmenu4_b{
    width: 150px;
    left: 462px;
}

.top .dh #dropmenu5_b{
    width: 150px;
    left: 581px;
}

.top .dh #dropmenu6_b{
    width: 150px;
    left: 710px;
}


.top .dh a.menu{
	display: block;
	float: left;
	overflow: hidden;
	height: 95px;
	line-height: 95px;
	color: #333;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 17px;
    transition: all 0.3s;
	padding: 0px 25px;
}

.top .dh a:hover.menu{
    color: #5aa354
}

.top .dh a.menunow{
    color: #5aa354
}

.langue{
	float: right;
	height: 20px;
	line-height: 20px;
	color: #808080;
	position: relative;
	border-left: 1px solid #E8E8E8;
	font-size: 14px;
	padding-left: 20px;
	margin-top: 38px;
}

.langue .cn{
	background: url(a2.jpg) no-repeat left center;
	width: 26px;
	height: 20px;
	display: block;
	float: left;
}

.langue .en{
	background: url(en.png) no-repeat left center;
	width: 26px;
	height: 20px;
	display: block;
	float: left;
}

.langue strong{
	display: block;
	font-weight: normal;
	float: left;
	color: #000;
	height: 20px;
	line-height: 20px;
	margin:  0 20px;
}

.langue font{
	display: block;
	float: left;
	font-size: 12px;
	margin: 0px 10px;
}

.langue .langue_list{
	position: absolute;
	left: -10px;
	top: 10px;
	width: 200px;
	background-color: #fff;
	height: 40px;
	transition: all 0.3s;
	opacity: 0;
	box-shadow:  0px 0px 10px rgba(0,0,0,0.2)
}

.langue .langue_list.show{
	top: 40px;
	opacity: 1;
}

.langue .langue_list a{
	height: 20px;
	line-height: 20px;
	margin-top: 10px;
	margin-left: 25px;
	float: left;
	cursor:pointer;
    pointer-events: none;
}

.langue .langue_list.show a{
    pointer-events:auto;
}

.search{
	float: right;
	height: 20px;
	line-height: 20px;
	margin-top: 34px;
	margin-left: 10px;
	position: relative;
}

.search i{
	display: block;
	width: 28px;
	text-align: center;
	line-height: 28px;
	height: 28px;
	font-size: 20px;
	transition: all 0.3s;
	border-radius: 100px;
}

.search i.on{
	background-color: #5AA354;
	color: #fff;
	font-size: 16px;
}

.search_box{
	display: none;
	position: absolute;
	width: 280px;
	height: 55px;
	left: -205px;
	top: 33px;
	overflow: hidden;
	background: url(searchbg.png) no-repeat left top
}

.search_box input.input{
	width: 210px;
	height: 30px;
	line-height: 30px;
	float: left;
	border: 0px;
	margin-top: 12px;
	margin-left: 10px; border:1px solid #ccc;
}

.search_box input.button{
	width: 45px;
	height: 30px;
	float: left;
	border: 0px;
	padding: 0px;
	font-size: 14px;
	color: #fff;
	line-height: 30px;
	margin-top: 12px; background:#5AA354;
}

.homelb{
	width: 100%;
    max-width: 1920px;
    overflow: hidden;
	margin: 0px auto;
    position: relative;
	height: 796px;
}

.homelb .jianbian{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px; 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#196193+44,196193+100&1+25,0+100 */
1background: -moz-linear-gradient(left,  rgba(25,97,147,1) 25%, rgba(25,97,147,0.75) 44%, rgba(25,97,147,0) 100%); /* FF3.6-15 */
1background: -webkit-linear-gradient(left,  rgba(25,97,147,1) 25%,rgba(25,97,147,0.75) 44%,rgba(25,97,147,0) 100%); /* Chrome10-25,Safari5.1-6 */
1background: linear-gradient(to right,  rgba(25,97,147,1) 25%,rgba(25,97,147,0.75) 44%,rgba(25,97,147,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
1filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#196193', endColorstr='#00196193',GradientType=1 ); /* IE6-9 */ background:url(1.jpg); background-position:center center;
}

.homelb .jianbian .box0{
    width: 1360px;
    margin: 0px auto;
    color: #fff;
    margin-top: 260px;
}

.homelb .jianbian .box0 h3{
    font-size: 15px;
    line-height: 30px;
    opacity: 0
}

.homelb .jianbian .box0 div.swiper-slide-active h3{
    animation:  text 0.8s 0.5s forwards
}

.homelb .jianbian .box0 h1{
    color: #5AA354;
    font-size: 50px;
    line-height: 66px; margin-top:30px;
    opacity: 0;
}

.homelb .jianbian .box0 div.swiper-slide-active h1{
    animation:  text 1s 0.5s forwards
}

.homelb .jianbian .box0 a{
    height: 52px;
    line-height: 52px;
    text-align: left;
    padding-left: 20px;
    font-weight: bold;
    margin-top: 50px;
    display: block;
    transition: all 0.3s;
    margin-bottom: 50px;
    opacity: 0;
    background: #5aa354;
    color: #fff;
    width: 150px;
}

.homelb .jianbian .box0 a:hover{
    background: #5aa354;
    width: 170px;
}

.homelb .jianbian .box0 div.swiper-slide-active a{
    animation:  text 1.5s 0.5s forwards
}

.homelb .jianbian .box0 a i{
    float: right;
    margin-right: 20px;
}

@keyframes text{
    0%{ opacity: 0; transform: translateY(40px)}
    100%{opacity:1; transform: translateY(0px)}
}

.box1{
	width: 1360px;
	margin: 40px auto 0;
	1height: 290px;
	position: relative;
	1margin-top: -140px;
	z-index: 9;
}

.box1 .box{
	width: 325px;
	height: 330px;
	position: relative;
	overflow: hidden;
	margin: 0px auto;
}

.box1 .box:hover .box1_list{
	top: 120px;
}

.box1 .box .box1_img{
	width: 100%;
	height: 240px;
	float: left;
	transition: all 0.3s;
	color: #fff;
	background-position: center;
	background-size: 100% 100%;
}

.box1 .box:hover .box1_img{
	background-size: 120% 120%;
}

.box1 .box .img1{
	background-image: url(demo1.jpg);
}

.box1 .box .img2{
	background-image: url(demo2.jpg);
}

.box1 .box .img3{
	background-image: url(demo3.jpg);
}

.box1 .box .img4{
	background-image: url(demo4.jpg);
}

.box1 .box .img5{
	background-image: url(lb5.jpg);
}

.box1 .box .img6{
	background-image: url(lb6.jpg);
}

.box1 .box .img7{
	background-image: url(lb7.jpg);
}

.box1 .box .box1_img h1{
	position: absolute;
	left: 25px;
	top: 50px;
	font-size: 26px;
	line-height: 30px;
    color: #fff;
	font-weight: normal;
	transition: all 0.2s;
}

.box1 .box:hover .box1_img h1{
	top: 70px;
}

.box1 .box .box1_list{
	position: absolute;
	top: 100px;
	background-color: #fff;
	left: 0px;
	width: 100%;
	height: 220px;
	transition: all 0.2s;
}

.box1 .box:hover .box1_list{
	
}

.box1 .box .box1_list font{
	width: 100%;
	height: 20px;
	line-height: 20px;
	margin-top: -18px;
	display: block;
}

.box1 .box .box1_list font i{
	color: #fff;
	float: right;
	margin-right: 30px;
}

.box1 .box .box1_list span{
	width: 280px;
	float: left;
	margin-left: 25px;
	display: block;
	margin-top: 20px;
}

.box1 .box .box1_list span a{
	display: block;
	color: #000;
	height: 26px;
	line-height: 26px;
	font-size: 14px;
	transition: all 0.3s;
}

.box1 .box .box1_list span a:hover{
	color: #5aa354
}

.box1 .box .more{
	color: #999;
	position: absolute;
	bottom: 20px;
	right: 30px;
	font-size: 14px;
}

.box2{
	width: 1360px;
	margin: 0px auto;
	margin-top: 20px;
	height: 140px;
	overflow: hidden;
	position: relative;
	z-index: 9;
	box-shadow: 0px 10px 15px rgba(154,191,206,0.3);
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f5fbfd+0,deeffa+100 */
background: rgb(245,251,253); /* Old browsers */
background: -moz-linear-gradient(top, rgba(245,251,253,1) 0%, rgba(222,239,250,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(245,251,253,1) 0%,rgba(222,239,250,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(245,251,253,1) 0%,rgba(222,239,250,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5fbfd', endColorstr='#deeffa',GradientType=0 ); /* IE6-9 */
}

.box2 a{
	display: block;
	float: left;
	width: 25%;
	height: 80px;
	border-right: 1px solid #B0D6E5;
	box-sizing: border-box;
	margin-top: 30px;
	color: #000;
	text-align: center;
	transition: all 0.3s;
}

.box2 a:nth-child(4){
	border-right: 0px;
}

.box2 a h3{
	font-weight: normal;
    transition: all 0.3s;
}

.box2 a i{
	font-size: 50px;
	display: block;
	transition: all 0.3s;
	line-height: 60px;
}

.box2 a:hover i{
    color: #5aa354
}

.box2 a:hover h3{
    color: #5aa354
}

.box3{
	margin: 0px auto;
	width: 100%;
	height: 665px;
	overflow: hidden;
	background-image: url(img5.jpg);
	background-position:  center top;
	background-repeat: no-repeat;
	margin-top: -80PX;
}

.box3 .w1360{
	margin-top: 200px;
}

.box3 h1{
	1margin-left: 70px;
	font-size: 30px;
	line-height: 40px;
	font-weight: normal
}

.box3 p{
	1margin-left: 70px;
	display: block;
	width: 500px;
	font-size: 15px;
	margin-top: 30px;
	color: #808080
}

.box3 a,.box5 .box6 .right a,.tj_news div a,.fuwu1 a,.renli a{
	width: 120px;
	height: 42px;
	background-color: #5aa354;
	color: #fff;
	line-height: 42px;
	font-weight: bold;
	text-align: center;
	display: block;
	font-size: 16px;
	1margin-left: 70px;
    transition: all 0.3s;
	margin-top: 50px;
}

.box3 a:hover,.box5 .box6 .right a:hover,.tj_news div a:hover,.fuwu1 a,.renli a:hover{
    width: 150px;
    background: #5aa354
}

.box4{
	width: 1360px;
	margin: 0px auto;
	padding: 10px 0px;
	1background-color: #5aa354;
	position: relative;
	z-index: 10;
	margin-top: -60px;
	color: #fff;
	overflow: hidden;background-color: #5AA354;
   1 background-image: linear-gradient(to right, #00a8b0 10%, #5aa354 90%);
}

.box4 h3{
	line-height: 30px;
	height: 30px;
	float: left;
	font-size: 20px;
	font-weight: normal;
	margin-left: 60px;
}

.box4 input.input{
	height: 32px;
	border: 0px;
	margin-left: 20px;
	line-height: 32px;
	float:left;
	width: 64%;
	transition: all 0.3s;
	text-indent: 10px;
}

.box4 input:focus.input{
	1width: 380px;
    
}

.box4 input.button{
	padding: 0px 20px 0px 40px;
	background-color: #396b46;
	background-image: url(img5.png) ;
	background-position: 15px center;
	background-repeat: no-repeat;
	font-size: 14px;
	color: #fff;
	height: 32px;
	line-height: 32px;
	border: 0px;
	float: left;
}

.box4 div{
	float: left;
	margin-left: 40px;
	height: 32px;
	line-height: 32px;
	font-size: 14px;
}

.box4 div a{
	color: #fff;
	margin-left: 20px;
}

.box5{
	width: 1360px;
	margin: 0px auto;
	overflow: hidden;
}

.box5 h1{
	width: 100%;
	display: block;
	line-height: 30px;
	height: 30px;
	font-size: 28px;
	float: left;
	margin: 45px auto 35px auto
}

.box5 .box6{
	width: 100%;
	height: 370px;
	float: left;
	position: relative;
}

.box5 .box6 .left{
	width: 495px;
	height: 370px;
	overflow: hidden;
	display: block;
	float: left;
	margin-right: 110px;
}

.box5 .box6 img{
	width: 100%;
	height: auto;
}

.box5 .box6 .right{
	width: 520px;
	float: left;
	overflow: hidden;
}

.box5 .box6 .right font{
	font-size: 14px;
	color: #333;
	font-family: "Arial";
	height: 30px;
	line-height: 30px;
	margin-top: 10px;
	float: left;
	width: 100%;
}

.box5 .box6 .right h2{
	font-size: 26px;
	line-height: 35px;
	color: #333;
	font-weight: normal
}

.box5 .box6 .right span{
	width: 100%;
	float: left;
	font-size: 16px;
	color: #707070;
	overflow: hidden;
	margin-top: 40px;
}

.box5 .box6 .right a{
	margin-left: 0px;
	float: left;
}

.swiper-container-vertical>.swiper-pagination{
	right: 0px;
	top: 150px;
	width: 10px;
}

.box7{
	width: 100%;
	border-top: 1px solid #C5C8CF;
	height: 220px;
	background: #F7F7F7;
	margin-top: 55px;
}

.box7 .left{
	width: 500px;
	float: left;
	margin-top: 50px;
	font-size: 16px;
	color: #707070;
	margin-right: 130px;
}

.box7 .left h2{
	font-size: 28px;
	line-height: 30px;
	color: #000;
}

.box7 .right{
	width: 700px;
	margin-top: 80px;
	float: left;
}

.box7 .right li{
	text-align: center;
}

.box9{
	width: 100%;
	height: 88px;
	line-height: 88px;
	margin: 0px auto;
	overflow: hidden;
	margin-top: 50px;
	background: #E8E9EC
}

.box9 .w1360{
	height: 88px;
	color: #707070;
	background: url(logo1.png) no-repeat left center;
}

.box9 .w1360 strong{
	margin-left: 180px;
	color: #000;
	font-weight: normal
}

.box9 .w1360 font{
	margin-left: 20px;
}

.box9 .w1360 a,.foot .center a{
	float: right;
	width: 170px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #000;
	border: 1px solid #000;
	box-sizing: border-box;
	background-color: #fff;
	padding-left: 20px;
	margin-top: 25px;
	transition: all 0.3s;
}

.box9 .w1360 a:hover,.foot .center a:hover{
	color: #fff;
	text-indent: 10px;
	background-color: #5aa354;
	border: 1px solid #fff;
}

.box9 .w1360 a i,.foot .center a i{
	float: right;
	margin-right: 20px;
}

.foot{
	width: 100%;
	margin: 0px auto;
	overflow: hidden;
	1background: #3A5477;
	color: #C5C8CF;
	padding: 70px 0px;
}

.foot h1{
	font-weight: normal;
	display: inline-block;
	color: #000;
	margin-bottom: 10px;  font-size: 20px; font-weight:bold;
}

.foot .left{
	width: 210px;
	float: left;
	overflow: hidden;
	margin-right: 300px;
}

.foot .left a{
	color: #333;
	display: block;
	line-height: 30px;
}

.foot .center{
	width: 280px;
	float: left;
	overflow: hidden; color:#333;  line-height: 34px;
}

.foot .right{
	float: right;
	overflow: hidden;
	width: 260px;
}

div.foot .center a{
	float: left;
	border: 1px solid #fff;
	1background: #3A5477;
	color: #fff;1background-color: #00a8b0;
   1 background-image: linear-gradient(to right, #00a8b0 10%, #5aa354 90%); background:#5aa354;
}

div.foot .center a:hover{
	background: #5aa354
}

.foot .right select{
	-webkit-appearance:button;
	width: 100%;
	border: 0px;
	margin-bottom: 20px;
	height: 40px;
	line-height: 40px;
	color: #C5C8CF;
	background: url(img10.png) no-repeat right center #5aa354;
	border-radius: 0px;
	border-bottom: 1px solid #fff; color:#fff; text-indent:10px;
}

.foot .right .bdsharebuttonbox a{
	background-position:-100px -100px;
	width: 36px;
	height: 36px;
	padding: 0px;
	border-radius: 5px;
    float: left;
	text-align: center;
	line-height: 36px;
	background-color: #cccccc;
	display: block;
	overflow: hidden;
	margin-right: 5px;
	color: #3A5477;
	text-decoration: none;
	position: relative;
	font-size: 20px;
}

.foot_info{
	width: 100%;
	margin: 0px auto;
	background: #333;
	color: #808080;
	font-size: 14px;
	height: 80px;
	line-height: 80px;
}

.foot_info .left{
	float: left;
	width: 510px;
	overflow: hidden; color:#fff;
}

.foot_info .right{
	float: right;
	text-align: right
}

.foot_info .right a{
	color: #fff;
}

.foot_info .left a{
	color: #808080;
	margin-right: 20px
}

.banner{
	width: 100%;
	max-width: 1920px;
	margin: 0px auto;
	height: 270px;
	background-position: top center;
	background-repeat: no-repeat;
	margin-top: 95px;
}

.b0{
	background-image: url(b0.jpg)
}

.1b1{
	background-image: url(b1.jpg)
}

.1b2{
	background-image: url(b2.jpg)
}

.1b3{
	background-image: url(b3.jpg)
}

.1b4{
	background-image: url(b4.jpg)
}

.1b5{
	background-image: url(b5.jpg)
}

.page{
	margin: 0px auto;
	margin-bottom: 50px;
	width: 1360px;
	overflow: hidden;
	margin-top: -40px;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
	position: relative;
	z-index: 9;
	background-color: #fff
}

.page1{
	width: 100%;
	height: 75px;
	line-height: 75px;
	background-image: linear-gradient(180.07deg, #5AA354 0%, #5AA354 100%);
}

.page1 h1{
	margin-left: 60px;
    font-size: 20px;
    text-transform: uppercase
}

.page1 .page_search{
	float: right;
	margin-right: 60px;
	margin-top: 20px;
}

.page1 .page_search input.input{
	width: 200px;
	height: 35px;
	padding: 0px;
	border: 0px;
	text-indent: 10px;
	float: left;
}

.page1 .page_search input::-webkit-input-placeholder {
	color: #C5C8CF
}

.page1 .page_search input.button{
	padding: 0px 20px 0px 40px;
    background-color: #79c273;
    background-image: url(img5.png);
    background-position: 15px center;
    background-repeat: no-repeat;
    font-size: 14px;
    color: #fff;
    height: 34px;
    line-height: 32px;
    border: 0px;
    float: left;
}

.page .page_main{
	width: 1240px;
	margin: 20px auto;
	overflow: hidden;
}

.page .page_main .page_nav{
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #333;
	margin-bottom: 50px;
}

.page .page_main .page_nav a{
	color:#333;
}

.page .page_main .page_nav a.back{
	float: right;
}

.page_left,.down_query,.cp_query,.cp_detail,.cp_intro,.cp_index{
	width: 880px;
	float: left;
	min-height: 400px;
	overflow: hidden;
	color: #333;
	margin-right: 70px;
	padding-bottom: 50px;
}

.cp_index .cp_list_left,.cp_index .cp_list_right{
    width: 100%;
    min-height: 200px;
    float: left;
    overflow: hidden;
}

.cp_index .cp_list_left .left ,.cp_index .cp_list_right .right{
    width: 240px;
    height: 210px;
    background: #F5F5F5
}

.cp_index img{
	width: 100%;
	height: auto;
}

.cp_index h1{
    margin-bottom: 20px;
    color: #000
}

.cp_index a{
    color: #5aa354;
    font-size: 14px;
    font-weight: bold;
}

.cp_index .cp_list_left .right ,.cp_index .cp_list_right .left{
    width: 480px;
    float: left;
    color: #6F6F6F;
    line-height: 22px;
    font-size: 14px;
}

.cp_index .cp_list_left .right {

}

.cp_index .cp_list_left .left {
    margin-right: 70px;
}

.cp_index .cp_list_left .left{
    float: left;
}

.cp_index .cp_list_right .right{
    float: right;
}

.cp_index .cp_list_right{
    border-top: 1px solid #C5C8CF;
    padding: 45px 35px;
    margin: 50px 0px;
    width: calc(100% - 70px);
    background: #F7F7F7
}

.intro_title{
	width: 100%;
	height: 60px;
	line-height: 60px;
	float: left;
	margin-top: 20px;
	text-indent: 30px;
	font-weight: bold;
	background-color: #196193;
	color: #000;
	font-size: 18px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f5fbfd+0,deeffa+100 */
background: rgb(245,251,253); /* Old browsers */
background: -moz-linear-gradient(top, rgba(245,251,253,1) 0%, rgba(222,239,250,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(245,251,253,1) 0%,rgba(222,239,250,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(245,251,253,1) 0%,rgba(222,239,250,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5fbfd', endColorstr='#deeffa',GradientType=0 ); /* IE6-9 */
}

.page_left h1{
	font-size:26px;
	display: inline-block
}

.page_right{
	float: left;
	width: 290px;
	overflow: hidden;
	padding-bottom: 50px;
}

.page_right h3{
	color: #000;
	font-size: 18px;
	float: left;
	width: 100%;
	line-height: 30px;
	margin-bottom: 10px;
	height: 30px;
}

.page_right .page_menu,.page_right .news_right{
	float: left;
	overflow: hidden;
}

.page_right .page_menu{
	background-color: #F5F5F5;
	padding: 30PX 40PX;
	width: calc(100% - 80px);
	border-top: 2px solid #5aa354
}

.page_right .news_right{
	border-top: 2px solid #0085BF;
	background-color: #F5F5F5;
	padding: 20px 40px;
}

.page_right .news_right h3{
	margin-bottom: 20px;
}

.page_right .news_right a{
	color: #000;
	line-height: 20px;
}

.page_right .news_right font{
	display: block;
	font-size: 14px;
	color: #8E98A7;
	width: 100%;
	height: 30px;
	line-height: 30px;
	margin-bottom: 20px;
}

.page_right .page_menu a{
	line-height: 35px;
	display: block;
	float: left;
    font-size:16px;
	transition: color 0.3s;
	width: 100%;
	height: 35px;
	color: #666;
}

.page_right .page_menu  ul{
	width: 100%;
	float: left;
	overflow: hidden;
	display: none;
}

.page_right .page_menu li.on a.hide{
	color: #5aa354;
	font-weight: bold
}

.page_right .page_menu  ul li{
	width: 100%;
	text-indent: 10px;
}

.page_right .page_menu  ul li a{
	font-size: 14px;
	line-height: 30px;
	height: 30px;
}

.page_right .page_menu  ul li a.on2{
	color: #5aa354
}

.page_right .page_menu a:hover{
    color: #000
}

.page_right .page_menu a.smenuvnow{
	font-weight: bold;
    color: #5aa354
}

.page_right .page_menu a i{
	float: right;
}

.page_right .page_service{
	float: left;
	width: 100%;
	overflow: hidden;
	font-size: 14px;
	line-height: 24px;
    color: #808080;
	margin-top: 50px;
}

.page_right .page_service span{
	width: 100%;
	height: 160px;
	float: left;
	margin-bottom: 20px;
	overflow: hidden;
	background: url(img10.jpg) no-repeat left top
}

.page_left h1{
	line-height: 40px;
	font-weight: normal
}

.edit_left{
	float: left;
	overflow: hidden;
	width: 460px;
}

.edit_right{
	width: 370px;
	float: left;
	overflow: hidden;
	margin-left: 50px;
}

.pagebox1{
	width: 100%;
	overflow: hidden;
	margin-top: 80px;
	margin-bottom: 100px;
	float: left;
	border-bottom: 1px solid #C5C8CF;
}

.pagebox1 h3{
	width: 100%;
	display: block;
	height: 50px;
	line-height: 50px;
    color: #000;
	border-bottom: 1px solid #C5C8CF;
}

.pagebox1 div{
	float: left;
	width: 50%;
	overflow: hidden;
	padding-bottom: 20px;
}

.pagebox1 div h1{
	font-size: 40px;
	font-family: "Arial";
	margin-top: 20px;
    display: block;
	color: #0085BF;
	font-weight: bold;
}

.pagebox1 div h1.color1{
	color: #5aa354
}

.pagebox1 div span{
	font-size: 14px;
	color: #808080
}

.edit_left .more{
	color: #5aa354;
	font-weight: bold;
	display: inline-block
}

.edit_left .more i{
	color: #5aa354
}

.pagebox2{
	width:100%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f5fbfd+0,deeffa+100 */
background: rgb(245,251,253); /* Old browsers */
background: -moz-linear-gradient(top, rgba(245,251,253,1) 0%, rgba(222,239,250,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(245,251,253,1) 0%,rgba(222,239,250,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(245,251,253,1) 0%,rgba(222,239,250,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5fbfd', endColorstr='#deeffa',GradientType=0 ); /* IE6-9 */
	border-left: 3px solid #5aa354;
	box-sizing: border-box;
	float: left;
	margin: 100px auto;
	overflow: hidden;
	padding: 40px 60px;
}

.pagebox2 strong{
	color: #000;
	font-size: 18px;
}

.pagebox3{
	float: left;
	width: 100%;
}

.page_left .zongcai{
	margin-left: 50px
}

.page_left strong{
	color: #000;
    text-transform: uppercase;
	font-size: 18px;
	display: block
}

.page_left .wenhua{
	display: block;
	margin-bottom: 40px;
	width: 420px;
	float: left;
	padding-top: 240px;
	background-position: top center;
	background-repeat: no-repeat;
}

.page_left .wenhua2{
	width: 100%;
	float: left;
	padding-top: 240px;
	background-position: top center;
	background-repeat: no-repeat;
	background-image: url(wenhua11.png);
}

.page_left .wenhua strong,.page_left .wenhua2 strong{
	margin-top: 20px;
	line-height: 30px;
}

.page_left .wenhua:nth-child(3){
	background-image: url(wenhua1.png);
	margin-right: 30px;
}
.page_left .wenhua:nth-child(4){
	background-image: url(wenhua2.png)
}
.page_left .wenhua:nth-child(5){
	background-image: url(wenhua3.png);
	margin-right: 30px;
}
.page_left .wenhua:nth-child(6){
	background-image: url(wenhua4.png)
}
.page_left .wenhua:nth-child(7){
	background-image: url(wenhua5.png)
}
.page_left .wenhua:nth-child(10){
	background-image: url(wenhua6.png);
	margin-right: 30px;
}
.page_left .wenhua:nth-child(11){
	background-image: url(wenhua7.png)
}

.page_left h1.h100{
	width: 100%;
}

.honnor{
	width: 100%;
	float: left;
	overflow: hidden;
	margin-top: 50px;
}

.honnor h4{
	width: 100%;
	float: left;
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #C5C8CF;
	color: #000;
	font-size: 18px;
	margin-bottom: 30px;
}

.honnor li{
	display: block;
	float: left;
	margin-bottom: 20px;
	margin-right: 40px;
}

.honnor li img{
	width: 190px
}

.honnor li strong{
	font-weight: normal;
	font-size: 16px;
	line-height: 20px;
	text-transform: none;
	width: 190px;
	overflow: hidden;
	line-height: 30px;
}

.honnor li:nth-child(4),.honnor li:nth-child(8){
	margin-right: 0px;
}

.news_query{
	width: 100%;
	float: left;
	overflow: hidden;
	padding-bottom: 50px;
}

.tj_news{
	width: 100%;
	color: #C5C8CF;
	float: left;
	height: 395px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f5fbfd+0,deeffa+100 */
background: rgb(245,251,253); /* Old browsers */
background: -moz-linear-gradient(top, rgba(245,251,253,1) 0%, rgba(222,239,250,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(245,251,253,1) 0%,rgba(222,239,250,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(245,251,253,1) 0%,rgba(222,239,250,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5fbfd', endColorstr='#deeffa',GradientType=0 ); /* IE6-9 */
}

.tj_news a.tList{
	float: left;
	width: 530px;
	height: 100%;
	overflow: hidden;
	margin-right: 85px;
}

.tj_news a.tList img{
	width: 100%;
	1height: 100%
}

.tj_news div{
	float: left;
	width: 550PX;
	overflow: hidden;
	margin-top: 55px;
}

.tj_news font{
	font-size: 14px; color:#333;
}

.tj_news h1{
	font-size: 26px;
	color: #000;
	line-height: 30PX;
	font-weight: normal;
	margin-bottom: 30px;
}

.tj_news span{
	color:#808080
}

.tj_news div a{
	margin-left: 0px;
	background: #5AA354;
	color: #fff
}

.tj_news div a:hover{
    background: #5aa354;
    width: 150px;
}

.news_class{
	width: 100%;
	float: left;
	margin: 45px auto 20px auto;
	overflow: hidden;
}

.cp_class{
	width: 100%;
	float: left;
	margin-bottom: 20px;
	overflow: hidden;
}

.cp_class i{
    margin-left: 10px;
	line-height: 27px;
	margin-right: 10px;
	height: 27px;
	float: left
}

.cp_class i:first-child{
    display: none
}

.cp_class a.nav{
	font-size: 24px;
	float: left;
}

.cp_class span{
	float: left;
}

.news_class a,.cp_class a{
	font-weight: normal;
	color: #000
}

.newsquery{
	width: 100%;
	padding-bottom: 40px;
	margin-bottom: 40px;
	float: left;
	border-bottom: 1px solid #E2E2E2
}

.newsquery a.newspic{
	display: block;
	height: 155px;
	float: left;
	overflow: hidden;
	width: 250px;
	margin-right: 45px;
}

.newsquery a.newspic img{
	width: 100%;
	height: auto;
}

.newsquery h3{
	display: block;
	width: 800px;
	overflow: hidden;
	line-height: 30px;
	font-size: 20px;
}

.newsquery h3 a{
	color: #000
}

.newsquery span{
	font-size: 14px;
	color: #8E98A7;
	display: block;
	line-height: 30px;
	height: 30px;
}

.newsquery font{
	display: block;
	height: 50px;
	line-height: 24px;
	width: 800px;
	color: #707070;
	overflow: hidden;
	margin: 10px 0px 0px 0px
}

.news_h1{
	width: 80%;
	float: left;
	line-height: 40px;
}

.news_time{
	width: 100%;
	float: left;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #C5C8CF;
	margin-bottom: 40px;
}

.news_con{
	float: left;
	width: 90%;
	overflow: hidden;
	color: #666;
}

.fuwu1{
	width: 100%;
	height: 430px;
	float: left;
	margin-bottom: 30px;
	color: #fff;
	background: url(img12.png) top right no-repeat #3A5477 ;
    background-size: 100% auto
	
}

.fuwu1 h1{
	font-size: 35px;
	color: #fff;
	font-weight: bold;
    line-height: 40px;
	margin-top: 70px;
    text-transform: uppercase;
	height: 80px;
	margin-left: 60px;
}

.fuwu1 h3{
	margin-top: 10px;
	margin-left: 60px;
	width: 310px;
    color: #C5C8CF;
	font-size: 16px;
	font-weight: normal;
	line-height: 24px;
}

.fuwu1 a{
	margin-left: 60px;
	width: 140PX;
	color: #000;
	background-color: #fff;
	margin-top: 80px;
    transition: all 0.3s;
}

.fuwu1:hover a{
    background: #5aa354;
    color: #fff;
    width: 150px;
}

.fuwu2{
	width: 100%;
	float: left;
	overflow: hidden;
}

.fuwu2 li{
	width: 280px;
	border: 1px solid #DDDDDD;
	box-sizing: border-box;
	background: #F8F8F8;
    transition: all 0.3s;
	height: 237px;
	float: left;
	margin-right: 20px;
    margin-bottom: 10px;
}

.fuwu2 li:hover{
    background: #5aa354;
    box-shadow: 0px 3px 6px rgba(143,171,199,0.9)
}

.fuwu2 li a{
	display: block;
	width: 100%;
	height: 177px;
	background-size: 100% auto;
    transition: all 0.3s;
    background-position: center;
}

.fuwu2 li:hover a{
    background-size: 110% auto;
}

.fuwu2 li:nth-child(1) a{
	background-image: url(img13.png)
}

.fuwu2 li:nth-child(2) a{
	background-image: url(img14.png)
}

.fuwu2 li:nth-child(3) a{
	background-image: url(img15.png)
}

.fuwu2 li:nth-child(3){
	margin-right: 0px;
}

.fuwu2 li h3{
	line-height: 60px;
	height: 60px;
	text-indent: 25px;
	color: #000;
    transition: all 0.3s;
	font-weight: normal
}

.fuwu2 li:hover h3{
    color: #fff;
    transform: translateX(10px)
}

.pageform{
    width: 100%;
    float: left;
    overflow: hidden;
    margin-top: 20px;
}

.pageform li{
    width: 360px;
    float: left;
    overflow: hidden;
    margin-bottom: 10px;
}

.pageform li h4{
    display: block;
    font-size: 16px;
    color: #000;
    margin-bottom: 5px;
    font-weight: normal;
    text-indent: 10px;
}

.pageform li input{
    width: 330px;
    height: 44px;
    background-color: #F7F7F7;
    text-indent: 10px;
    line-height: 44px;
    padding: 0px;
    border: 0px;
    float: left;
}

.pageform li span{
    height: 44px;
    line-height: 44px;
    display: inline-block;
    width: 20px;
    text-align: center;
    float: left;
}

.pageform li span font{
    line-height: 44px;
    display: inline-block
}

.pageform li.textarea,.pageform li.tijiao{
    width: 100%;
}

.pageform li.textarea textarea{
    width: 680px;
    height: 150px;
    background-color: #F7F7F7;
    border: 0px;
    float: left;
    padding:0px;
    padding-left: 10px;    
}

.pageform li.yanzhengma input{
    width: 150px;
}

.pageform li.yanzhengma img{
    height: 42px;
    border: 1px solid #C5C8CF;
    box-sizing: border-box;
    margin-left: 20px;
    float: left;
}

.pageform li.tijiao{
    margin-top: 20px;
}

.pageform li.tijiao input{
    width: 130px;
    text-align: center;
    color: #fff;
    background: #0085BF;
    text-indent: 0px;
    font-weight: bold;
    transition: all 0.3s;
}

.pageform li.tijiao input:hover{
    background: #5aa354;
    width: 150px;
}

.downquerytitle{
	background: #F5F5F5;
	height: 50px;
	color: #000;
	font-weight: bold;
	text-indent: 10px;
}

.down_query .list{
	height: 45px;
	line-height: 45px;
	text-indent: 10px;
	color: #999;
}

.down_query .jobs_memo{
	display: none;
}

.down_query .list div{
	width: 100%;
	float: left;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	background: #3A5477;
	color: #fff;
	font-size: 14px;
	padding-left: 10px;
}

.down_query .list span{
	display: block;
	font-size: 14px;
	padding: 20px 0px;
	width: 100%;
	overflow: hidden;
	color: #000;
	text-indent: 0px;
	line-height: 24px;
	padding-left: 20px;
	background-color: #F5F5F5;
}

.down_query .list div strong{
	font-weight: normal
}

.down_query .list div strong:nth-child(2){
	margin-left: 20px;
}

.downquery{
	border-bottom: 1px dotted #C5C8CF;
    background: url(img16.png) no-repeat 10px center;
    padding-left: 25px;
}

.downquerytime{
    border-bottom: 1px dotted #C5C8CF;
}

.downquerytime strong{
	color: #000
}

.down_query .list a{
	color: #000;
    transition: all 0.3s;
}

.down_query .list a:hover{
    color: #5aa354
}

.down_query .list a.iconfont {
	color: #5aa354;
	margin-left: 25px;
}

.cp_query .cpquery{
	width: 205px;
	float: left;
	1height: 220px;
	margin-right: 20px;
	margin-bottom: 20px;
	overflow: hidden;
	text-align: center;
	transition: all 0.3s;
   1 background: #F5F5F5

}

.cp_query .cpquery:nth-child(4){
	margin-right: 0px;
}

.cp_query .cpquery:nth-child(8){
	margin-right: 0px;
}

.cp_query .cpquery:nth-child(12){
	margin-right: 0px;
}

.cp_query .cpquery img{
	1height: 150px;
	transition: all 0.3s;
	width: 100%;
	1margin: 10px 0px 10px 0px;
}


.cp_query .cpquery h3{
	font-size: 14px;
	width: 90%;
	margin: 0px auto;
	overflow: hidden;
	font-weight: normal;
	line-height: 18px;
	color: #000
}

.cp_query .cpquery a.detailed{
	width: 92px;
	height: 40px;
	transition: all 0.3s;
	background: #d0d0d0;
	color: #fff;
    opacity: 0;
	line-height: 40px;
	display: inline-block;
	border-radius: 50px;
	font-size: 14px;
	margin-top: 10px;
    box-shadow: 0px 0px 50px rgba(0,0,0,0.5); display:none;
}

.cp_query .cpquery:hover{
	transform: translateY(-5px);
}

.cp_query .cpquery:hover a.detailed{
	background:#5aa354;
    opacity: 1;
	width: 100px;
    transform: translateY(-110px)
}

.cp_detail {
	float: left;
}

.cp_detail .cp_img{
	width: 100%;
	float: left;
	height: 380px;
	overflow: hidden;
}

.cp_detail .cp_img .left{
	height: 100%;
	float: left;
	border-left: 1px solid #d0d0d0;
	border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
	box-sizing: border-box;
	width: 420px;
	text-align: center;
	line-height: 410px;
    background: #f5f5f5
}

.cp_detail .cp_img .left .swiper-container{
	width: 100%;
	height: 100%;
}

.cp_detail .cp_img .left .swiper-container-horizontal>.swiper-pagination{
	bottom: 20px;
}

.cp_detail .cp_img .left .swiper-pagination-bullet{
	background: #b5ccd6;
	opacity: 1
}

.cp_detail .cp_img .left .swiper-pagination-bullet-active{
	background: #5aa354
}

.cp_detail .cp_img .left div.swiper-slide{
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.cp_detail .cp_img .right{
	width: 460px;
	padding: 50px 60px;
	float: left;
	height: 100%;
	border: 1px solid #d0d0d0;
	box-sizing: border-box;
}

.cp_detail .cp_img .right .cppro{
	width: 100%;
	float: left;
	overflow: hidden;
}

.cp_detail .cp_img .right .cppro .cppro_tab{
	height: 32px;
	line-height: 32px;
	width: 100%;
}

.cp_detail .cp_img .right .cppro .cppro_tab a{
	display: block;
	height: 32px;
	color: #000;
	background: #ECECEC;
	padding: 0px 15px;
	border-top-left-radius: 10px;
	float: left;
	margin-right: 3px;
}

.cp_detail .cp_img .right .cppro .cppro_tab a.on{
	color: #fff;
	background: #6EB42D;
}

.cp_detail .cp_img .right .cppro_intro{
	width: 100%;
	float: left;
	overflow: hidden;
	font-size: 14px;
	line-height: 22px;
	margin-top: 15px;
	display: none;
}

.cp_detail .cp_img .right .cppro_intro a{
	color: #000
}

.cp_detail .cp_img .right .cppro_intro a i{
	display: block;
	width: 20px;
	height: 20px;
	float: left;
	margin-right: 10px;
	background: url(img16.png) no-repeat center;
}

.cp_detail .cp_img .right h1{
	margin-bottom: 30px;
}

.cp_detail .cp_img .right strong{
	color: #000;
	display: block;
}

.cp_detail .cp_img .right span{
	line-height: 24px;
    font-size: 14px;
    float: left;
    width: 100%;
}

.cp_detail .cp_img .right font{
	display: none;
    float: left;
    width: 100%;
}

.cp_detail .cp_img .right .pdfdown{
	display: block;
	margin-top: 30px;
	color: #666;
	background: #f5f5f5;
	height: 40px;
	padding: 0px 20px;
	line-height: 40px;
    float: left;
    transition: all 0.3s;
}

.cp_detail .cp_img .right .pdfdown i{
    margin-right: 5px;
}

.cp_detail .cp_img .right .pdfdown:hover{
    background: #5aa354;
    color: #fff;
    box-shadow: 0px 0px 30px rgba(0,0,0,0.1)
}

.contact li{
	display: block;
	float: left;
	margin-right: 70px;
	width: 350px;
}

.contact li:nth-child(3){
	margin-right: 0px;
}

.contact li em{
	font-size: 55px;
	color: #0085BF;
	line-height: 60px;
	margin-bottom: 20px;
	display: block;
}

.contact li h4{
	color: #5aa354;
	font-size: 18px;
	margin-bottom: 20px;
}

.contact li a.emap{
	color: #5aa354;
	text-decoration: underline;
	margin-top: 10px;
	display: block;
}

strong.form_tel{
    color: #5aa354;
    font-size: 16px;
    display: inline-block
}

.contact li strong{
	font-size: 16px;
	line-height: 40px;
}

.cp_intro{
	float: left;
	box-sizing: border-box;
	padding: 30px 0px;
	line-height: 160%;
}

.detail_title{
    width: 100%;
    float: left;
    height: 50px;
    line-height: 50px;
    background: #5aa354;
    color: #fff;
    text-indent: 20px;
    font-size: 16px;
    margin-top: 20px;
    border-top-right-radius: 20px;
}

.cp_intro h2{
    margin-bottom: 20px;
	width: 100%;
	text-align: center;
	font-size: 20px;
}

.cp_intro table{
	width: 100%;
	margin: 0px 0px 30px 0px;
	border-left: 1px solid #d0d0d0;
	border-top: 1px solid #d0d0d0;
}

.cp_intro table tbody tr:nth-child(even){
	background: #f5f5f5;
}

.cp_intro table tbody tr{
	z-index: 1;
	transition: all 0.2s;
}

.cp_intro table tbody tr:hover{
	position: relative;
	z-index: 9;
	box-shadow: 3px 3px 12px rgba(0,0,0,0.1);
}
.cp_intro table tr td{
	color: #000;
	text-align: left;
	font-size: 14px;
	text-indent: 20px;
	padding: 5px 0px;
	border-bottom: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
}

.cp_intro img{
    border: 1px solid #d0d0d0;
    box-sizing: border-box;
	height: auto;
    margin: 20px 0px;
}


.cp_menu{
	width: 880px;
	height: 46px;
	overflow: hidden;
	float: left;
	box-sizing: border-box;
	margin-top: 10px;
    border-bottom: 1px solid #d0d0d0;
	margin-bottom: 10px;
}

.cp_menu a{
	display: block;
	font-size: 15px;
	float: left;
	height: 45px;
	line-height: 45px;
	color: #26282a;  
	background: #f5f5f5;
	border-top-left-radius: 10px;
	padding: 0px 20px 0px 20px;
	margin-right: 5px;
    transition: all 0.2s;
}

.cp_menu a.now{
	color: #fff;
	background: #5aa354
}

.cp_menu a:hover.now{
	color: #fff;
	background: #5aa354
}

.cp_menu a:hover{
	background: #d0d0d0;
}

.cp_menu a i{
	font-size: 12px;
	display: none;
}

@media screen and (max-width: 1400px) {
	.w1360{
		width: 1200px;
		margin: 0px auto;
	}
	.homelb .jianbian .box0{width: 1200px;}
	.box1{width: 1200px;}
	.box2{width: 1200px;}
	.box4{width: 1200px;}
	.box5{width: 1200px;}
	.page{width: 1200px;}
}

.renli{
	width: 100%;
	float: left;
	overflow: hidden;
	margin-bottom: 50px;
}

.renli a{
	margin-left: 0px;
}

.list_memo{
	width: 100%;
	float: left;
	background: #F5F5F5
}

.cp_img i.iconfont{
	position: absolute;
	top: 130px;
	overflow: hidden;
	font-size: 30px;
	height: 100px;
	line-height: 100px;
	color: #5aa354;
	z-index: 99;
	transition: all 0.3s;
	text-shadow: 0px 3px 6px rgba(0,0,0,0.1);
}

.cp_img i:hover.iconfont{
	transform: scale(1.3,1.3)
}

.cp_img i.icon-prev{
	left: 10px;
}

.cp_img i.icon-next{
	right: 10px;
	left: auto;
}

.small_img{
	width: 100%;
	height: 80px;
	margin: 15px 0px 0px 0px;
	float: left;
}

.small_img .gallery-thumbs{
	width: 420px;
	float: left;
	height: 80px;
}

.small_img .gallery-thumbs .swiper-slide{
	width: 24%;
	background-size: auto 90% ;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #C5C8CF;
	box-sizing: border-box;
}

.small_img .gallery-thumbs div.swiper-slide-active{
	border: 3px solid #5aa354
}